/* main */
.nav-bar
    width: 100%
    height: 20px
    margin: 40px 0
    .nav
        float: right
        li
            padding: 9px
            &:last-child
                padding-right: 0
            &:first-child
                padding-left: 0
            a
                position: relative
                display: block
                text-decoration: none
                font-weight: 700
                color: #dbdbdb
                &.active
                    color: #12526e
                &:after,&:before
                    position: absolute
                    content: ''
                    width: 0
                    height: 3px
                    background: #12526e
                    top: 150%
                    left: 50%
                    transition: all .3s
                &:hover
                    color: #12526e
                    &:before
                        left: 0%
                        width: 50%
                    &:after
                        left: 50%
                        width: 50%
.chart
    width: 100%
    .container
        .test
            color: blue
.nostrud
    width: 100%
    background: #e4e4e4
    padding: 20px 0
    perspective: 1000px
    font-weight: 700
    text-align: center
    h2
        font-size: 18px
        font-weight: 700
        line-height: 60px
        text-align: left
    .main
        &>li
            box-sizing: border-box
            float: left
            width: 255px
            padding: 10px 10px 20px 10px
            margin-bottom: 30px
            margin-right: 30px
            background: #fff
            &:last-child
                margin-right: 0
            &:hover
                transform: translateZ(5px)
                box-shadow: 5px 5px 10px #ccc
                transition: all .5s
                cursor: pointer
            i
                display: block
                font-size: 80px
                color: #161616
                transition: all .5s ease              
                &.active
                    color: #12526e
                &:hover
                    transform: rotate(360deg)       
            h3
                font-size: 20px
                line-height: 44px
            .nostrud-caculate
                font-size: 12px
                .nostrud-left,.nostrud-right
                    float: left
                    text-align: left
                    li
                        line-height: 26px
                .nostrud-left
                    margin-right: 40px
            dl
                padding: 5px 0
                border-top: 2px solid #a1a1a1
                dd
                    font-size: 10px
                    line-height: 16px
                    text-align: left
            .start-button
                display: inline-block
                width: 148px
                height: 46px
                line-height: 46px
                margin-top:15px
                font-size: 16px
                text-decoration: none
                color: #161616
                border: 2px solid #161616
                &:hover
                    opacity: .9
.news
    .container
        padding: 0
        .news-content
            padding: 50px 0
            .news-left
                float: left
                font-weight: 700
                margin-bottom: 30px 
                h2
                    line-height: 40px
                    font-size: 18px
                h3
                    line-height: 30px
                    font-size: 16px
                ul
                    li
                        height: 35px
                        line-height: 35px
                        span
                            display: block
                            float:left
                            font-size: 16px
                            line-height: 26px
                        i
                            display: block
                            float:right
                            font-size: 24px
                            line-height: 26px
                            cursor: pointer
                            &.icon-kaiguanguan-copy1
                                color: #e05956
                            &.icon-kaiguanguan-copy
                                color: #029c53
                .enter
                    display: block
                    text-decoration: none
                    width: 100%
                    height: 66px
                    margin-top: 30px
                    border-radius: 10px
                    line-height: 66px
                    background: #161616
                    text-align center
                    color:#cecece
                    i
                        font-size: 25px
                        text-align: right   
            .news-right
                float: right
                font-size: 12px
                font-weight: 700
                h2
                    line-height: 40px
                    font-size: 18px
                    font-weight: 700
                ul
                    border: 1px solid #cacaca
                    border-radius: 5px
                    li
                        border-bottom: 1px solid #cacaca
                        height: 30px
                        line-height: 30px
                        padding: 5px
                        &:last-child
                            border-bottom: none
                        span
                            display: block
                            float:left
                            text-align: center
                            &:first-child
                                width: 30px
                            &.user-speed
                                float: right
                            &.user-id
                                color: #63818d
.tips
    width: 100%
    font-size: 10px
    font-weight: 700
    padding-bottom: 20px
    h2
        height: 40px
        font-size: 18px
        line-height: 40px
        font-weight: 700
        text-align: center
    section 
        float:left
    ul
        float: right
        .tip-left,.tip-right
            float: left
            li
                position: relative
                margin-right: 20px
                line-height: 40px
                &:before
                    position: absolute
                    top: 14px
                    left: -20px
                    content:''
                    width: 10px
                    height: 10px
                    display: inline-block
                    background-color: #0c526b
    .share
        text-align: right
        i
            font-size: 44px
            line-height: 60px
            cursor: pointer
            &:hover
                opacity: .9
footer 
    width: 100%
    height: 260px
    background-color: #e4e4e4
        


                                        